<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<% 
	String appPath = request.getContextPath();
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin System</title>

	<link type="text/css" href="<%=appPath%>/page/style.css" rel="stylesheet" /> <!-- the layout css file -->
	<link type="text/css" href="<%=appPath%>/page/css/jquery.cleditor.css" rel="stylesheet" />
	
	<script type="text/javascript" src="<%=appPath%>/page/jslib/jQuery/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="<%=appPath%>/page/jslib/jquery-ui-1.8.21/js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type='text/javascript' src='<%=appPath%>/page/js/cufon-yui.js'></script> <!-- Cufon font replacement -->
	<script type='text/javascript' src='<%=appPath%>/page/js/ColaborateLight_400.font.js'></script> <!-- the Colaborate Light font -->
	<script type='text/javascript' src='<%=appPath%>/page/js/easyTooltip.js'></script> <!-- element tooltips -->
	<script type='text/javascript' src='<%=appPath%>/page/js/jquery.tablesorter.min.js'></script> <!-- tablesorter -->
	<script type='text/javascript' src='<%=appPath%>/page/js/visualize.jQuery.js'></script> <!-- visualize plugin for graphs / statistics -->
	<script type='text/javascript' src='<%=appPath%>/page/js/iphone-style-checkboxes.js'></script> <!-- iphone like checkboxes -->
	<script type='text/javascript' src='<%=appPath%>/page/js/jquery.cleditor.min.js'></script> <!-- wysiwyg editor -->
	<script type='text/javascript' src='<%=appPath%>/page/js/custom.js'></script> <!-- the "make them work" script -->
	
	<!--[if IE 8]>
		<script type='text/javascript' src='js/excanvas.js'></script>
		<link rel="stylesheet" href="css/IEfix.css" type="text/css" media="screen" />
	<![endif]--> 
 
	<!--[if IE 7]>
		<script type='text/javascript' src='js/excanvas.js'></script>
		<link rel="stylesheet" href="css/IEfix.css" type="text/css" media="screen" />
	<![endif]--> 
	
</head>

<body>

	<div id="container">
		<div id="bgwrap">
			<div id="primary_left">
        
				<div id="logo" class="user">
					<%-- <a href="dashboard.html" title="Dashboard"><img src="<%=appPath%>/page/assets/logo.png" alt="" /></a> --%>
		        	<img src="<%=appPath%>/page/assets/avatar.png" width="44" height="44" class="hoverimg" alt="Avatar" />
		            <p>Logged in as:</p>
		            <p class="username">Administrator</p>
		            <p class="userbtn"><a href="#" title="">Profile</a></p>
		            <p class="userbtn"><a href="login.do" title="">Log out</a></p>
				</div> <!-- logo end -->

				<div id="menu"> <!-- navigation menu -->
					<ul>
						<li class="current"><a href="<%=appPath%>/report.jsp" class="dashboard" target="rightFrame"><img src="<%=appPath%>/page/assets/icons/small_icons_3/dashboard.png" alt="" /><span class="current">Report</span></a></li>
						<li><a href="<%=appPath%>/table.jsp" target="rightFrame"><img src="<%=appPath%>/page/assets/icons/small_icons_3/posts.png" alt="" /><span>Table</span></a></li>
						<li><a href="<%=appPath%>/page/imageViewer/imgViewer.jsp" target="rightFrame"><img src="<%=appPath%>/page/assets/icons/small_icons_3/media.png" alt="" /><span>Image</span></a>
							<ul>
								<li><a href="#">Upload</a></li>
								<li><a href="#">Add new</a></li>
								<li><a href="#">Categories</a></li>
								<li><a href="#">Upload</a></li>
								<li><a href="#">Add new</a></li>
								<li><a href="#">Categories</a></li>
								<li><a href="#">Upload</a></li>
								<li><a href="#">Add new</a></li>
								<li><a href="#">Categories</a></li>
							</ul>
						</li>
						<li class="tooltip" title="Menu items can also have a tooltip!"><a href="#"><img src="<%=appPath%>/page/assets/icons/small_icons_3/notes.png" alt="" /><span>My notes</span></a></li>
						<li><a href="#"><img src="<%=appPath%>/page/assets/icons/small_icons_3/coin.png" alt="" /><span>Earnings</span></a></li>
						<li><a href="#"><img src="<%=appPath%>/page/assets/icons/small_icons_3/users.png" alt="" /><span>Users</span></a></li>
						<li><a href="#"><img src="<%=appPath%>/page/assets/icons/small_icons_3/settings.png" alt="" /><span>Settings</span></a></li>
					</ul>
				</div> <!-- navigation menu end -->
			</div> <!-- sidebar end -->
		</div> <!-- bgwrap -->
	</div> <!-- container -->
</body>
</html>
